<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" id="favicon" href="imgs/lxn/favicon.ico" type="image/x-icon">
    <title>个人中心</title>
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <!-- 引入bootstrap.css - 开发环境/bootstrap.min.css - 生产环境-->
    <link rel="stylesheet" href="plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <!-- 引入登录所需要的h+ -->
    <link href="Hplus/css/font-awesome.css" rel="stylesheet">

    <link href="Hplus/css/animate.css" rel="stylesheet">
    <link href="Hplus/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/lxn/index.css">
    <link rel="stylesheet" href="css/lxn/personal.css">
    
</head>
<body>
    <!-- 背景变白 -->
    <div class="fknAV" id="outer"></div>
    <!-- 顶部导航栏 -->
    <div class="top-fixed">
        <div id="top" class="container" style="margin-top: 5px;">
            <div class="row toprow">
                <ul class="nav navbar-nav navbar-left col-md-6">
                    
                    <div  class="col-md-4">
                        <a href="index.html"><img src="imgs/lxn/topico.svg" alt=""></a>
                    </div>
                    <div class="col-md-8">
                        <div class="input-group">
                            <input id="search1" type="text" class="form-control" placeholder="">
                            <span class="input-group-btn">
                                <svg t="1648374506062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3014" width="22" height="22">
                                    <path d="M909.824 837.12l-209.408-208.896a333.824 333.824 0 1 0-72.192 72.192l208.896 209.408a51.2 51.2 0 1 0 72.704-72.704z m-477.696-174.592a230.4 230.4 0 1 1 230.4-230.4 230.4 230.4 0 0 1-230.4 230.4z" fill="" p-id="3015"></path></svg><!-- <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button> -->
                            </span>
                        </div><!-- /input-group -->
                        <form action="#" id="search1form" class="search1form">
                            <a class="btn btn-default" href="#" role="button">
                                <div class="lefticon">
                                    <svg t="1648555895063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4083" width="20" height="20">
                                        <path d="M599.67 957.12l-2.88-0.09c-21.56-1.08-40.16-16.02-45.97-37.15l-95.93-348.76-350.72-97.78a50.568 50.568 0 0 1-37-46.3 50.613 50.613 0 0 1 32.23-49.73L888.05 70.57c18.69-7.26 39.98-2.8 54.18 11.38 14.23 14.22 18.71 35.5 11.42 54.22L646.89 924.82c-7.51 19.31-26.49 32.3-47.22 32.3zM154.19 422.74l351.32 97.94 96.04 349.16L886.2 138.02 154.19 422.74z" fill="#2c2c2c" p-id="4084"></path></svg>
                                </div>
                                <div class="lefttext">
                                    附近
                                </div>
                            </a>
                            <hr>
                            <div class="searchinfo">浏览记录</div>
                            <a class="btn btn-default" href="#" role="button">
                                <div class="lefticon">
                                    <svg t="1648556523361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5229" width="20" height="20">
                                        <path d="M730.001059 142.376685C674.219615 92.668563 596.796268 65.290005 512 65.290005S349.780385 92.668563 293.998941 142.376685c-67.034742 59.736523-102.464673 150.544715-102.464673 262.620279 0 244.113787 280.928251 530.164708 292.88763 542.222325 7.29208 7.354502 17.22122 11.488659 27.577079 11.488659 10.355859 0 20.284999-4.13518 27.577079-11.488659 11.95938-12.05864 292.88763-298.108538 292.88763-542.222325C832.465732 292.921399 797.035802 202.113207 730.001059 142.376685zM511.967254 862.912162c-26.241664-29.129434-67.722404-77.68429-109.032252-136.26857C315.459718 602.581018 269.222651 491.358891 269.222651 404.996964c0-243.122203 185.824219-262.018575 242.776326-262.018575 225.270627 0 242.776326 200.551642 242.776326 262.018575C754.776326 575.98529 580.826552 786.352485 511.967254 862.912162zM512.00921 232.834906c-85.246523 0-154.60417 70.452585-154.60417 157.056012s69.357648 157.054989 154.60417 157.054989c85.256756 0 154.618497-70.451562 154.618497-157.054989S597.265966 232.834906 512.00921 232.834906zM512.00921 478.968699c-47.768957 0-86.626963-39.95806-86.626963-89.077781s38.858006-89.078805 86.626963-89.078805c47.77305 0 86.641289 39.959084 86.641289 89.078805S559.78226 478.968699 512.00921 478.968699z" p-id="5230"></path></svg>
                                </div>
                                <div class="lefttext">
                                韩式炸鸡
                                </div>
                            </a>
                            <hr>
                            <a class="btn btn-default" href="#" role="button">
                                <div class="lefticon">
                                    <svg t="1648556523361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5229" width="20" height="20">
                                        <path d="M730.001059 142.376685C674.219615 92.668563 596.796268 65.290005 512 65.290005S349.780385 92.668563 293.998941 142.376685c-67.034742 59.736523-102.464673 150.544715-102.464673 262.620279 0 244.113787 280.928251 530.164708 292.88763 542.222325 7.29208 7.354502 17.22122 11.488659 27.577079 11.488659 10.355859 0 20.284999-4.13518 27.577079-11.488659 11.95938-12.05864 292.88763-298.108538 292.88763-542.222325C832.465732 292.921399 797.035802 202.113207 730.001059 142.376685zM511.967254 862.912162c-26.241664-29.129434-67.722404-77.68429-109.032252-136.26857C315.459718 602.581018 269.222651 491.358891 269.222651 404.996964c0-243.122203 185.824219-262.018575 242.776326-262.018575 225.270627 0 242.776326 200.551642 242.776326 262.018575C754.776326 575.98529 580.826552 786.352485 511.967254 862.912162zM512.00921 232.834906c-85.246523 0-154.60417 70.452585-154.60417 157.056012s69.357648 157.054989 154.60417 157.054989c85.256756 0 154.618497-70.451562 154.618497-157.054989S597.265966 232.834906 512.00921 232.834906zM512.00921 478.968699c-47.768957 0-86.626963-39.95806-86.626963-89.077781s38.858006-89.078805 86.626963-89.078805c47.77305 0 86.641289 39.959084 86.641289 89.078805S559.78226 478.968699 512.00921 478.968699z" p-id="5230"></path></svg>
                                </div>
                                <div class="lefttext">
                                韩式炸鸡
                                </div>
                            </a>
                            <hr>
                            <a class="btn btn-default" href="#" role="button">
                                <div class="lefticon">
                                    <svg t="1648556523361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5229" width="20" height="20">
                                        <path d="M730.001059 142.376685C674.219615 92.668563 596.796268 65.290005 512 65.290005S349.780385 92.668563 293.998941 142.376685c-67.034742 59.736523-102.464673 150.544715-102.464673 262.620279 0 244.113787 280.928251 530.164708 292.88763 542.222325 7.29208 7.354502 17.22122 11.488659 27.577079 11.488659 10.355859 0 20.284999-4.13518 27.577079-11.488659 11.95938-12.05864 292.88763-298.108538 292.88763-542.222325C832.465732 292.921399 797.035802 202.113207 730.001059 142.376685zM511.967254 862.912162c-26.241664-29.129434-67.722404-77.68429-109.032252-136.26857C315.459718 602.581018 269.222651 491.358891 269.222651 404.996964c0-243.122203 185.824219-262.018575 242.776326-262.018575 225.270627 0 242.776326 200.551642 242.776326 262.018575C754.776326 575.98529 580.826552 786.352485 511.967254 862.912162zM512.00921 232.834906c-85.246523 0-154.60417 70.452585-154.60417 157.056012s69.357648 157.054989 154.60417 157.054989c85.256756 0 154.618497-70.451562 154.618497-157.054989S597.265966 232.834906 512.00921 232.834906zM512.00921 478.968699c-47.768957 0-86.626963-39.95806-86.626963-89.077781s38.858006-89.078805 86.626963-89.078805c47.77305 0 86.641289 39.959084 86.641289 89.078805S559.78226 478.968699 512.00921 478.968699z" p-id="5230"></path></svg>
                                </div>
                                <div class="lefttext">
                                韩式炸鸡
                                </div>
                            </a>
                            <hr>
                        </form>
                    </div><!-- /.col-md-6 -->
                    
                </ul>
                
                <ul class="nav navbar-nav navbar-right">
                    
                    <li><a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-user"></span>个人中心 <span class="caret"></span>
                    </a>
                        <ul class="dropdown-menu">
                          <li><a href="personal-center.html?page=0"><span class="glyphicon glyphicon-envelope"></span>我的首页</a></li>
                          <li><a href="personal-center.html?page=1"><span class="glyphicon glyphicon-pencil"></span> 我的点评</a></li>
                          <li><a href="personal-center.html?page=2"><span class="glyphicon glyphicon-star"></span>我的收藏</a></li>
                          <li><a href="order.html"><span class="glyphicon glyphicon-list-alt"></span>我的订单</a></li>
                        </ul>
                     </li>
                     <li>&nbsp;</li>
                    <li class="headportrait"><img src="imgs/lxn/recommend1.jpg" alt=""></li>
                
            </div>
        </div>
    </div>

    <!-- 中间内容 -->
    <div class="container-fluid personal">
        <div class="content">
            <div class="bigheadportrait">
                <img src="imgs/lxn/recommend1.jpg" alt="">
            </div>
            <div class="username">
                <span>用户名</span>
            </div>
            <div class="mdallname">
                <span>@用户名</span>
            </div>
            <div class="count">
                <div class="comment">
                    <p>点评数</p>
                    <p>100</p>
                </div>
                <div class="likes">
                    <p>被点赞数</p>
                    <p>100</p>
                </div>
                <div class="collection">
                    <p>收藏数</p>
                    <p>100</p>
                </div>
            </div>
        </div>
        <div class="content ulcontainer">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="#myIndex" data-toggle="tab">首页</a>
                </li>
                <li><a href="#comment" data-toggle="tab">评价</a></li>
                <li><a href="#collection" data-toggle="tab">收藏</a></li>
                <li><a href="#selfinfo" data-toggle="tab">个人中心</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="myIndex">
                    <!-- 首页 -->
                    <div class="col-md-3 myleft">
                        <div class="col-md-12 recent">
                            <p class="text-center">最近动态</p>
                            <div>
                                <span>添加了<a href="#">xxxx店铺的评价</a>2022-04-03 22:00</span>
                            </div>
                            <div>
                                <span>添加了<a href="#">xxxx店铺的评价</a>2022-04-03 22:00</span>
                            </div>
                            <div>
                                <span>添加了<a href="#">xxxx店铺的评价</a>2022-04-03 22:00</span>
                            </div>
                            <button type="button" class="btn btn-w-m btn-default col-md-12">查看更多</button>
                        </div>
                        <div class="col-md-12 mymessage">
                            <p class="text-center">
                                我的消息
                            </p>
                            <div>
                                <span>2022-04-03 10:50 xxx的评论收到了<a href="#">xxxxx的回复</a></span>
                            </div>
                            <div>
                                <span>2022-04-03 10:50 xxx的评论收到了<a href="#">xxxxx的回复</a></span>
                            </div>
                            <button type="button" class="btn btn-w-m btn-default col-md-12">查看更多</button>

                        </div>
                    </div>
                    <div class="col-md-9 commorder">
                        <p class="text-center">
                            最近订单
                        </p>
                        <div class="col-md-12 orderouter">
                            <div class="col-md-2 orderimg">
                                <img src="imgs/lxn/recommend2.jpg" alt="">
                            </div>
                            <div class="col-md-7 ordercontent">
                                <p>晶丽海鲜自助餐厅 <em><img src="imgs/yyk/haoping.png" alt=""></em></p>
                                <p>套餐名称xxxxx</p>
                                <p>该订单于2022-04-07使用</p>
                            </div>
                            <div class="col-md-2 ordercontent">
                                <br>
                                <button type="button" class="btn btn-w-m btn-primary col-md-8">写评价</button>
                                <br><br>
                                <button type="button" class="btn btn-w-m btn-default col-md-8">全部评价</button>
                            </div>
                        </div>
                        <div class="col-md-12 orderouter">
                            <div class="col-md-2 orderimg">
                                <img src="imgs/lxn/recommend3.jpg" alt="">
                            </div>
                            <div class="col-md-7 ordercontent">
                                <p>晶丽海鲜自助餐厅 <em><img src="imgs/yyk/haoping.png" alt=""></em></p>
                                <p>套餐名称xxxxx</p>
                                <p>该订单于2022-04-07使用</p>
                            </div>
                            <div class="col-md-2 ordercontent">
                                <br>
                                <button type="button" class="btn btn-w-m btn-success col-md-8">查看评价</button>
                                <br><br>
                                <button type="button" class="btn btn-w-m btn-default col-md-8">全部评价</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="comment">
                    <!-- 评价 -->
                    <div class="social-feed-separated commentitems">

                        <div class="social-avatar">
                            <a href="">
                                <img alt="image" src="imgs/lxn/recommend1.jpg">
                            </a>
                        </div>
    
                        <div class="social-feed-box">
    
                            <div class="pull-right social-action dropdown">
                                <button data-toggle="dropdown" class="dropdown-toggle btn-white" aria-expanded="false">
                                    <svg t="1649295633848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2231" width="25" height="25">
                                        <path d="M558.1 928.3H280.5c-12.6 0-22.7-10.2-22.7-22.8V282c0-12.6 10.2-22.8 22.7-22.8 12.6 0 22.7 10.2 22.7 22.8v600.7h254.9c12.6 0 22.7 10.2 22.7 22.8 0.1 12.6-10.1 22.8-22.7 22.8z m197.4 0h-80.2c-12.6 0-22.7-10.2-22.7-22.8 0-12.6 10.2-22.8 22.7-22.8h57.5v-352c0-12.6 10.2-22.8 22.7-22.8 12.6 0 22.7 10.2 22.7 22.8v374.9c0.1 12.5-10.1 22.7-22.7 22.7z m0 0" fill="#2197EF" p-id="2232"></path><path d="M360.8 903.1h-80.2V509.5c0-22.2 18-40.3 40.1-40.3s40.1 18 40.1 40.3v393.6z m0 0" fill="#CEE8FA" p-id="2233"></path><path d="M360.8 925.9h-80.2c-12.6 0-22.7-10.2-22.7-22.8V509.5c0-34.8 28.2-63.1 62.8-63.1s62.8 28.3 62.8 63.1v393.6c0 12.6-10.2 22.8-22.7 22.8z m-57.5-45.6H338V509.5c0-9.6-7.8-17.4-17.4-17.4s-17.4 7.8-17.4 17.4v370.8z m0 0" fill="#2197EF" p-id="2234"></path><path d="M558.2 903.1H478V509.5c0-22.2 18-40.3 40.1-40.3 22.2 0 40.1 18 40.1 40.3v393.6z m0 0" fill="#CEE8FA" p-id="2235"></path><path d="M558.2 925.9H478c-12.6 0-22.7-10.2-22.7-22.8V509.5c0-34.8 28.2-63.1 62.8-63.1 34.7 0 62.8 28.3 62.8 63.1v393.6c0 12.6-10.2 22.8-22.7 22.8z m-57.5-45.6h34.7V509.5c0-9.6-7.8-17.4-17.4-17.4-9.6 0-17.4 7.8-17.4 17.4v370.8z m0 0" fill="#2197EF" p-id="2236"></path><path d="M755.5 903.1h-80.2V509.5c0-22.2 18-40.3 40.1-40.3s40.1 18 40.1 40.3v393.6z m0 0" fill="#CEE8FA" p-id="2237"></path><path d="M755.5 925.9h-80.2c-12.6 0-22.7-10.2-22.7-22.8V509.5c0-34.8 28.2-63.1 62.8-63.1 34.7 0 62.8 28.3 62.8 63.1v393.6c0.1 12.6-10.1 22.8-22.7 22.8zM698 880.3h34.7V509.5c0-9.6-7.8-17.4-17.4-17.4-9.6 0-17.4 7.8-17.4 17.4v370.8z m0 0" fill="#2197EF" p-id="2238"></path><path d="M226.2 215.1H810v118.7H226.2z" fill="#CEE8FA" p-id="2239"></path><path d="M809.9 356.6H226.2c-12.6 0-22.7-10.2-22.7-22.8V215.1c0-12.6 10.2-22.8 22.7-22.8H810c12.6 0 22.7 10.2 22.7 22.8v118.7c0 12.6-10.2 22.8-22.8 22.8z m-561-45.6h538.3v-73.1H248.9V311z m0 0" fill="#2197EF" p-id="2240"></path><path d="M613.2 237.9c-12.6 0-22.7-10.2-22.7-22.8v-68.5H445.6v68.5c0 12.6-10.2 22.8-22.7 22.8-12.6 0-22.7-10.2-22.7-22.8v-91.3c0-12.6 10.2-22.8 22.7-22.8h190.3c12.6 0 22.7 10.2 22.7 22.8v91.3c0 12.6-10.2 22.8-22.7 22.8z m0 0" fill="#2197EF" p-id="2241"></path></svg>
                                </button>
                                
                            </div>
                            <div class="social-avatar">
                                <a href="#">
                                            用户名
                                        </a>
                                <mdall class="text-muted">2022年4月5日</mdall>
                            </div>
                            <div class="social-body">
                                <p>
                                    标题
                                </p>
                                <img src="imgs/lxn/recommend1.jpg" class="img-responsive">
                                <img src="imgs/lxn/recommend2.jpg" class="img-responsive">
                                <img src="imgs/lxn/recommend3.jpg" class="img-responsive">
                                <div class="btn-group">
                                    <button class="btn btn-white btn-xs">赞(500)</button>
                                    <button class="btn btn-white btn-xs"><i class="fa fa-share"></i> 分享</button>
                                </div>
                            </div>
                            <div class="social-footer">
                                <div class="social-comment">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="imgs/lxn/recommend3.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                                    用户名
                                                </a> 图表展示、数据可视化是前端领域一个麻烦且重要的事情，这里推荐了11个JS图表库，各取所需吧
                                        <br>
                                        <a href="#" class="mdall"><i class="fa fa-thumbs-up"></i> 26</a> -
                                        <mdall class="text-muted">4月5日</mdall>
                                    </div>
                                </div>
    
                                <div class="social-comment">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="imgs/lxn/recommend1.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                                    用户名
                                                </a> 看上去不错，如能结合乐曲播放有个动效就更酷了 :z
                                        <br>
                                        <a href="#" class="mdall"><i class="fa fa-thumbs-up"></i> 11</a> -
                                        <mdall class="text-muted">4月5日</mdall>
                                    </div>
    
                                    <div class="social-comment">
                                        <a href="" class="pull-left">
                                            <img alt="image" src="imgs/lxn/recommend1.jpg">
                                        </a>
                                        <div class="media-body">
                                            <a href="#">
                                                        用户名
                                                    </a> 用checkbox + CSS 也能玩出来很多花样，来看看这些有趣的例子吧！
                                            <br>
                                            <a href="#" class="mdall"><i class="fa fa-thumbs-up"></i> 11</a> -
                                            <mdall class="text-muted">4月5日</mdall>
                                        </div>
                                    </div>
    
                                    <div class="social-comment">
                                        <a href="" class="pull-left">
                                            <img alt="image" src="imgs/lxn/recommend2.jpg">
                                        </a>
                                        <div class="media-body">
                                            <textarea class="form-control" placeholder="填写评论..."></textarea>
                                        </div>
                                    </div>
    
                                </div>
    
                                <div class="social-comment">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="imgs/lxn/recommend2.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                                    用户名
                                                </a> 有情怀的工程师，赞。
                                        <br>
                                        <a href="#" class="mdall"><i class="fa fa-thumbs-up"></i> 26</a> -
                                        <mdall class="text-muted">4月5日</mdall>
                                    </div>
                                </div>
    
                                <div class="social-comment">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="imgs/lxn/recommend2.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                                    用户名
                                                </a> 几位同学中奖，请将你们的收获地址电话姓名私信给我哦~
                                        <br>
                                        <a href="#" class="mdall"><i class="fa fa-thumbs-up"></i> 26</a> -
                                        <mdall class="text-muted">4月5日</mdall>
                                    </div>
                                </div>
    
                                <div class="social-comment">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="imgs/lxn/recommend1.jpg">
                                    </a>
                                    <div class="media-body">
                                        <textarea class="form-control" placeholder="填写评论..."></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="collection">
                    <!-- 收藏 -->
                    <div class="contact-box">
                        
                        <div class="col-md-1">
                            <div class="text-center">
                                <img alt="image" class="img-circle m-t-xs img-responsive" src="imgs/lxn/recommend1.jpg">
                                <!-- <div class="m-t-xs font-bold">店铺名称</div> -->
                            </div>
                        </div>
                        <div class="col-md-3">
                            <h3><strong>店铺名称</strong></h3>
                            <p><i class="fa fa-map-marker"></i> 地理位置</p>
                            <address>
                            营业时间: 9:00——22:00<br>
                            <abbr title="Phone">电话号码:</abbr> 18862632022
                        </address>
                        </div>
                        <div class="col-md-4"><strong>简介。。。。。。。。</strong></div>
                        <div class="col-md-2">
                            <div class="text-center">
                                <br>
                                <button type="button" class="btn btn-w-m btn-danger col-md-8">取消收藏</button>
                                <br><br>
                                <button type="button" class="btn btn-w-m btn-default col-md-8">查看店铺</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        
                    </div>
                    <div class="contact-box">
                        
                        <div class="col-md-1">
                            <div class="text-center">
                                <img alt="image" class="img-circle m-t-xs img-responsive" src="imgs/lxn/recommend1.jpg">
                                <!-- <div class="m-t-xs font-bold">店铺名称</div> -->
                            </div>
                        </div>
                        <div class="col-md-3">
                            <h3><strong>店铺名称</strong></h3>
                            <p><i class="fa fa-map-marker"></i> 地理位置</p>
                            <address>
                            营业时间: 9:00——22:00<br>
                            <abbr title="Phone">电话号码:</abbr> 18862632022
                        </address>
                        </div>
                        <div class="col-md-4"><strong class="introduction">简介。。。。。。。。</strong></div>
                        <div class="col-md-2">
                            <div class="text-center">
                                <br>
                                <button type="button" class="btn btn-w-m btn-danger col-md-8">取消收藏</button>
                                <br><br>
                                <button type="button" class="btn btn-w-m btn-default col-md-8">查看店铺</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        
                    </div>
                </div>
                <div class="tab-pane fade" id="selfinfo">
                    <!-- 个人简介 -->
                <form class="layui-form" action="">
                    <div class="midinfo col-md-12">
                        <div class="infofirst col-md-12">
                            <div class="infohead col-md-5">
                                <span>原头像:</span>
                                <img src="imgs/lxn/recommend1.jpg" alt="">
                            </div>
                            <div class="layui-upload col-md-6">
                                <button type="button" class="layui-btn" id="test1">上传图片</button>
                                <div class="layui-upload-list">
                                <img class="layui-upload-img" id="demo1">
                                <p id="demoText"></p>
                                </div>
                                <div style="width: 95px;">
                                <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
                                    <div class="layui-progress-bar" lay-percent=""></div>
                                </div>
                                </div>
                            </div> 
                        </div>  
                        <div class="col-md-6">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span>用户名 :</span></label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="用户名" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="layui-inline">
                                <label class="layui-form-label"><span>手机号码 :</span></label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                </div>
                                </div>
                        </div>
                        <div class="col-md-12">
                            <div class="layui-form-item">
                                <label class="layui-form-label">所在地</label>
                                <div class="layui-input-inline">
                                  <select name="quiz1">
                                    <option value="province" selected="">请选择省</option>
                                    <option value="江苏省">江苏省</option>
                                    <option value="江西省">江西省</option>
                                    <option value="福建省">福建省</option>
                                  </select>
                                </div>
                                <div class="layui-input-inline">
                                  <select name="quiz2">
                                    <option value="city">请选择市</option>
                                    <option value="苏州">苏州</option>
                                    <option value="淮安">淮安</option>
                                    <option value="苏州">苏州</option>
                                    <option value="苏州">苏州</option>
                                  </select>
                                </div>
                                <div class="layui-input-inline">
                                  <select name="quiz3">
                                    <option value="area">请选择县/区</option>
                                    <option value="吴中区">吴中区</option>
                                    <option value="张家港">张家港</option>
                                  </select>
                                </div>
                              </div>
                        </div>
                        <div class="col-md-12">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                  <label class="layui-form-label"><span>消费区间</span></label>
                                  <div class="layui-input-inline" style="width: 60px;">
                                    <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
                                  </div>
                                  <div class="layui-form-mid">-</div>
                                  <div class="layui-input-inline" style="width: 60px;">
                                    <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
                                  </div>
                                </div>
                              </div>
                        </div>
                        <div class="col-md-12">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span>口味 :</span></label>
                                <div class="layui-input-block">
                                  <input type="checkbox" name="like[write]" title="火锅">
                                  <input type="checkbox" name="like[read]" title="甜品">
                                  <input type="checkbox" name="like[daze]" title="川菜">
                                  <input type="checkbox" name="like[daze]" title="西餐">
                                </div>
                              </div>
                        </div>
                        <div class="col-md-9">
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">个性签名</label>
                                <div class="layui-input-block">
                                  <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                </div>
                              </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                              <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                          </div>
                        
                    </div>
                </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部导航栏 -->
    <div class="bottom">
        <div class="bottominner">
            <div class="btmlogo">
                <img src="css/lxn/bottomicon.svg" alt="">
            </div>
            <div class="btmc1">
                © 2022 TripAdvisor LLC 保留所有权利。<br>
                <ul>
                    <li><a href="">使用条款</a></li>
                    <li><a href="">隐私和Cookie声明</a></li>
                    <li><a href="">同意使用Cookie</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">网站工作原理</a></li>
                </ul>
                <div class="btmc1-1">
                    网站的此版本通常面向中文使用者，除非有针对其国家或地区的特定网站版本存在。 您可以使用下拉式菜单访问 Tripadvisor 网站面向特定国家或地区的其他版本。
                    <a href="">更多</a>
                </div>
            </div>
        </div>
        
    </div>

    <script src="plugins/jquery.min.js"></script>
    <script src="js/lxn/index.js"></script>
    <script src="plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <script src="plugins/layui/layui.js"></script>
    <script src="js/lxn/personal.js"></script>
</body>
</html>